<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>详情页</title>
    <link rel="stylesheet" href="css/mobile_reset.css">
    <link rel="stylesheet" href="css/mui.css">
    <link rel="stylesheet" href="css/detail.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);
        })();
        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
    <div class="detail_page">
        <div class="goods_information">
            <p class="picture">
                <img src="images/det_bg_dt_default.png" alt="">
            </p>
            <p class="goods_name">
                布艺沙发 简约小户型沙发组合 可拆洗转角客厅三人U型L型沙发
            </p>
            <p class="price">
                <span>价值：<b>&yen;10000.00</b></span>
                <span class="exemption">包邮试用</span>
            </p>
            <!--试用详情-->
            <div class="try_detail">
                <p class="clearfix money_detail">
                    <span>下单金额：&yen;<b>999.99</b></span>
                    <span>返还金额：&yen;<b>999.99</b></span>
                </p>
                <p class="clearfix tryGoods_detail">
                    <span>试用总份数：<b>10</b>份</span><i>|</i>
                    <span>开奖份数：<b>5</b>份</span><i>|</i>
                    <span>兑换份数：<b>5</b>份</span>
                </p>
            </div>
            <p class="time">
                <span>距离活动结束还剩：<b>6天20小时45分</b></span>
              <!--  <span class="tryout"><b>502</b>人试用</span>-->
            </p>
            <p class=" condition">
                <span>每人限购：1件</span>
                <span>规格：红色 大号红色 大号红色 大号红色 大号红色 大号</span>
                <span class="tryout"><b>502</b>人试用</span>
            </p>

            <div class="jiangli">
                <p  class="award">连续<b>3</b>天申请试用并完成任务未中奖，将获得<b>10</b>夺宝币</p>
                <p class="award shangjin">试客中奖并完成该试用，将会有额外的<b>赏金</b>奖励</p>
            </div>
        </div>
        <div class="apply_step">
            <img src="images/det_bg_lct_default.png" alt="">
        </div>
        <div class="goods_detail">
            <p class="title">商品详情</p>
            <p class="images">
            <img src="images/det_bg_xqy_default.png" alt="">
                <img src="images/det_bg_xqy_default.png" alt="">
                <img src="images/det_bg_xqy_default.png" alt="">
                <img src="images/det_bg_xqy_default.png" alt="">
            </p>
        </div>
    </div>
<div class="applyFor_btn">
    <a href="exchange_center.html">兑换试用</a>
    <a href="search_goods.html">免费申请</a>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/mui.js"></script>
</html>


















